<html>
	<head>
		<title>Component</title>
		<style>
			.red-square {
				width: 100;
				height: 100;
				background-color: red;
			}
			.blue-square {
				width: 100;
				height: 100;
				background-color: blue;
			}
			.green-square {
				width: 500;
				height: 300;
				border: 2px solid green;
			}
		</style>
		<script type="text/javascript" src="../../js/Bs/lang/Bs.lang.Object.js"></script>
		<script type="text/javascript" src="../../js/Bs/util/Bs.util.Html.js"></script>
		<script type="text/javascript" src="../../js/Bs/ui/Bs.ui.Component.js"></script>
		<script type="text/javascript" src="../../js/Bs/ui/Bs.ui.Container.js"></script>
	</head>
	<body>
		<script type="text/javascript">
			Device.onReady (function() {
				var container = new Bs.ui.Container ({cls: 'green-square'});
				var c = container.add ({cls: 'blue-square'});
				container.remove (c);
			});
		</script>
	</body>
</html>    